<template>
    <div class="block">
      <div class="block2">
            <span class='name'>在使用vue开发时，经常会封</span>
            <span class="knowmore">2023/07/03</span>
        </div>
        <div class="whitespace"></div>
    </div>
</template>
  
<script >
    export default{
        props:{
            show:Boolean,
            title:String
        }
        
    }


</script>
  
<style scoped>
    .block2{
        background-color: #f9f9f9;
        width: 100%;
        position: relative;
        box-shadow: 22px 4px 20px rgba(0,0,0,0.25);
        border-radius: 10px;
        color: black;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .knowmore{
        
        color: black;
        position: absolute;
        right: 5%;
    }
    .block{
        width: 80%;
        background-color: white;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    .whitespace{
        width: 100%; 
        height: 15px;
    }
    .name{
        color: black;
        margin-left: 5%;
        font-weight:350;
        padding-top: 20px;
        padding-bottom: 20px;
    }
</style>
  